import React, { Fragment, useEffect } from 'react'
import styles from "./Progress.module.scss";
interface ProgressProps {
    percentage: string | number;
    color: string;
}
const Progress: React.FC<ProgressProps> = (props) => {
    useEffect(() => {
        // console.log('Progress更新:', props.percentage)
      }, [props.percentage])

    return <Fragment>
        <div className={styles['progress-block']} style={ {background: props.color, width: props.percentage} }></div>
    </Fragment>
}

export default Progress;